/**
 * 媒体查询
 */

@media screen and (min-width:1200px) {
    /* 大型设备（大台式电脑，1200px 起） */
    body {
        background-color: red;
        font-size: 20px;
    }
}

@media screen and (min-width:992px) and (max-width: 1200px) {
    /* 中型设备（台式电脑，992px 起） */
    body {
        background-color: greenyellow;
        font-size: 18px;
    }
}

@media screen and (min-width:768px) and (max-width: 992px) {
    /* 小型设备（平板电脑，768px 起） */
    body {
        background-color: yellow;
        font-size: 16px;
    }
}

@media screen and (min-width:480px) and (max-width: 768px) {
    /* 超小设备（手机，小于 768px） */
    body {
        background-color: lightblue;
        font-size: 14px;
    }
}

@media screen and (max-width:480px) {
    /* 超小设备（手机，小于 768px） */
    body {
        background-color: bisque;
        font-size: 12px;
    }
}